// 1.导包
import React from "react";
// React负责：创建元素
// ReactDOM负责：渲染元素
import ReactDOM from "react-dom";


// 2.创建元素-虚拟DOM
// 语法：React.createElement('标签类型',{标签属性:值}，标签内容)
// JS class是关键字，React中类名要换成className
// const h1Node = React.createElement('div', { className: 'mydiv' }, 'hhhhh')
const h1Node = (
    <ul className="list">
        <li>苹果</li>
        <li>苹果</li>
        <li>苹果</li>
        <li>苹果</li>
    </ul>
)



// 渲染元素
// ReactDOM.render(创建的React元素,真实DOM作为挂载点)
ReactDOM.render(h1Node, document.getElementById('root'))